#app{
  height: 100vh;
  font-size: 12px;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.fr{
  float: right;
}
.fl{
  float: left;
}
.flex{
  display: flex;
  &.wrap{
    flex-wrap: wrap;
  }
  &.column{
    flex-direction: column;
  }
  &.top{
    align-items: flex-start;
  }
  &.middle{
    align-items: center;
  }
  &.center{
    justify-content: center;
  }
  &.bottom{
    align-items: flex-end;
  }
  &.round{
    justify-content: space-around;
  }
  &.average > *{
    flex: 1;
  }
  .auto{
    flex: 0 auto;
  }
  .f1{
    flex: 1;
  }
}
.text-hidden{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inline-block{
  font-size: #{$base-font-size};
  display: inline-block;
  &.middle{
    vertical-align: middle;
  }
  &.top{
   vertical-align: top;
  }
  &.bottom{
    vertical-align: bottom;
  }
}
.yd-scrollview:after{
  display: none;
}
.primary{
  color: $color-primary;
}
.del{
  text-decoration: line-through;
}
@for $i from 1 through 12 {
  .tk-grid-#{$i} {
    width: 100% / 12 * $i;
  }
}
.ml{
  margin-left: .1rem;
}
.mr{
  margin-right: .1rem;
}
.yd-btn-primary{
  &:not(.yd-btn-loading){
    background-color: $color-primary;
  }
  &.disabled{
    background-color: #ccc;
    color: #fff;
  }
}
.yd-list-img{
  height: auto;
  padding:0;
}

